<template>
	<view class="content yy-padding-lr-10px">
		<!-- 商家展示列表 -->
		<view class="stores ">
			<!-- 商家盒子 -->
			<view :key="item.id" v-for="item in store_info" class="yy-padding-bottom-15px yy-border-bottom-solid-1px-v1 item yy-display-flex  yy-margin-top-15px">
				<!-- 左边图片盒子 -->
				<view class="store-img">
					<image :src="item.image" class="yy-image-v1"></image>
				</view>
				<!-- 右边数据盒子 -->
				<view class="store-info yy-overflow-hidden">
					<!-- 标题 -->
					<view class="store-title yy-margin-lr-10px yy-store-title elip-1">{{ item.name }}</view>
					<!-- 商家的一些信息 -->
					<scroll-view scroll-x="true" class="yy-display-flex yy-white-space-nowrap yy-margin-lr-10px yy-margin-top-5px ">
						<view :class="item1.color" v-for="(item1, index) in item.store_express" :key="index" class="yy-display-inline-block yy-margin-right-5px">
							<text :class="item1.icon" class="iconfont yy-margin-right-5px"> </text>
							<text> {{ item1.text }} </text>
						</view>
					</scroll-view>
					
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				store_info: [
					{"id":1,
					"image": "/static/images/商店1.png",
					 "store_express": [
						 { "text": "5.0分", "icon": "icon-pingfen", "test": "评分", "color": "yy-text-color1"},
						 {"text": "20", "icon": "icon-pingfen", "test": "销量", "color": "yy-text-color3"},
					 ],
					 "name": "食分烤究食分烤究烤肉饭(一饭一楼食分烤究烤肉饭(一饭一楼烤肉饭(一饭一楼)",
					 },
					 {"id":2,
					 "image": "/static/images/商店2.png",
					  "store_express": [
					 	 { "text": "5.0分", "icon": "icon-pingfen", "test": "评分", "color": "yy-text-color1"},
					 	 {"text": "20", "icon": "icon-pingfen", "test": "销量", "color": "yy-text-color3"},
					  ],
					  "name": "食分烤究食分烤究烤肉饭(一饭一楼食分烤究烤肉饭(一饭一楼烤肉饭(一饭一楼)",
					  },
				]
			};
		}
	}
</script>

<style lang="scss" scoped>
	.stores {
		
		// background-color: orange;
		.item {
			height:100px;
			.store-info {
				width: 70%;
				// background-color:plum;
				
			}
			.store-img {
				width: 30%;
				// background-color: orchid;
			}
		}
	}
</style>
